<!DoCtYpE hTmL>
<html manifest="options.cache">
<!--
******************
**** Chrowety ****
******************
-->
<head>
<title data-i18n="configuration|Chrowety"></title>
<script src="js/jquery.js"></script>
<script src="js/db.js"></script>
<script src="js/options/init.js"></script>
<script src="js/options/menu.js"></script>
<script src="js/options/dataCfg.js"></script>
<script src="js/options/accounts.js"></script>
<script src="js/options/gestures.js"></script>
<script src="js/options/migration.js"></script>
<script src="js/i18n.js"></script>
<script src="js/protos.js"></script>
<script src="js/lightbox.js"></script>
<script src="js/base64.js"></script>

<link rel="icon" type="image/png" href="icones/x16.png">
<link rel="stylesheet" href="css/all.css" />
<link rel="stylesheet" href="css/icons.css" />
<link rel="stylesheet" href="css/keyframes.css" />
<link rel="stylesheet" href="css/config.css" />
<link rel="stylesheet" href="css/config.form.css" />

<!--
<script src="JSSpec/diff_match_patch.js"></script>
<script src="JSSpec/JSSpec.js"></script>
<script src="js/bdd.js"></script>
<link href="JSSpec/JSSpec.css" rel="stylesheet" />
-->
</head>
<body>

<section id="Ch">

	<div class="infoBar" id="infoBar">
		<output id="infoBarStatus">...</output>
	</div>
	
    <section id="options" class="options">

        <header class="title">
            <span>Chrowety: </span>
            <span data-i18n="configuration"></span>
        </header>

        <section id="sections" class="sections">
        
            <nav>
                <ul>
                    <li data-section="general" data-i18n="main"></li>
                    <li data-section="accounts" data-i18n="accounts"></li>
                    <li data-section="interface" data-i18n="interface"></li>
                    <li data-section="alerts" data-i18n="alerts"></li>
                    <li data-section="other" data-i18n="other"></li>
                </ul>
            </nav>

            <div id="content" class="content">
	            <form name="options">
	            
	                <section data-section-content="general">
	                    <label block>
	                        <span data-i18n="url_shortener"></span>
	                        <select data-cfg="urlShortener.service" name="urlShortener">
	                        	<option value="miud.in">miud.in</option>
	                        	<option value="migre.me">migre.me</option>
	                        	<option value="3.ly">3.ly</option>	                        	
	                            <option value="goo.gl">goo.gl</option>	
	                            <option value="bit.ly">bit.ly</option>
	                            <option value="j.mp">j.mp</option>
	                            <option value="is.gd">is.gd</option>	                            
	                        </select>
	                    </label>
	
	                    <span id="personal_bitly_api" class="dn">
	                        <label block>
	                            <span data-i18n="bitly_api_login"></span>
	                            <input data-cfg="urlShortener.bitlyUser" type="search" size="7" spellcheck="false"/>
	                        </label>
	                        <label block>
	                            <span data-i18n="bitly_api_key"></span>
	                            <input data-cfg="urlShortener.bitlyKey" type="search" size="35" spellcheck="false"/>
	                        </label>
	                    </span>
	
	                    <label block>
	                        <span data-i18n="translate_tweets_to"></span>
	                        <select data-cfg="translateTo">
	                            <option value="af">Afrikaans</option>
	                            <option value="sq">Albanian</option>
	                            <option value="ar">Arabic</option>
	                            <option value="be">Belarusian</option>
	                            <option value="bg">Bulgarian</option>
	                            <option value="ca">Catalan</option>
	                            <option value="zh-CN">Chinese (Simplified)</option>
	                            <option value="zh-TW">Chinese (Traditional)</option>
	                            <option value="hr">Croatian</option>
	                            <option value="cs">Czech</option>
	                            <option value="da">Danish</option>
	                            <option value="nl">Dutch</option>
	                            <option value="en">English</option>
	                            <option value="et">Estonian</option>
	                            <option value="tl">Filipino</option>
	                            <option value="fi">Finnish</option>
	                            <option value="fr">French</option>
	                            <option value="gl">Galician</option>
	                            <option value="de">German</option>
	                            <option value="el">Greek</option>
	                            <option value="iw">Hebrew</option>
	                            <option value="hi">Hindi</option>
	                            <option value="hu">Hungarian</option>
	                            <option value="is">Icelandic</option>
	                            <option value="id">Indonesian</option>
	                            <option value="ga">Irish</option>
	                            <option value="it">Italian</option>
	                            <option value="ja">Japanese</option>
	                            <option value="ko">Korean</option>
	                            <option value="lv">Latvian</option>
	                            <option value="lt">Lithuanian</option>
	                            <option value="mk">Macedonian</option>
	                            <option value="ms">Malay</option>
	                            <option value="mt">Maltese</option>
	                            <option value="no">Norwegian</option>
	                            <option value="fa">Persian</option>
	                            <option value="pl">Polish</option>
	                            <option value="pt">Portugu&ecirc;s</option>
	                            <option value="ro">Romanian</option>
	                            <option value="ru">Russian</option>
	                            <option value="sr">Serbian</option>
	                            <option value="sk">Slovak</option>
	                            <option value="sl">Slovenian</option>
	                            <option value="es">Spanish</option>
	                            <option value="sw">Swahili</option>
	                            <option value="sv">Swedish</option>
	                            <option value="th">Thai</option>
	                            <option value="tr">Turkish</option>
	                            <option value="uk">Ukrainian</option>
	                            <option value="vi">Vietnamese</option>
	                            <option value="cy">Welsh</option>
	                            <option value="yi">Yiddish</option>
	                        </select>
	                    </label>
	
	
	                    <label block checkbox>
	                        <span data-i18n="share_this_video"></span>
	                        <input data-cfg="interface.youtubeShare" type="checkbox" />
	                    </label>
	
	                    <label block checkbox>
	                        <span data-i18n="open_links_in_background"></span>
	                        <input data-cfg="openLinksInBg" type="checkbox" />
	                    </label>
	
	                </section> <!-- section:general -->
	
	                <section data-section-content="accounts">
	                    <div id="accounts" class="accounts">
	                    	<div class="titulo" data-i18n="accounts"></div>
	                    	<div class="accounts_container" id="accounts_container"></div>
	                    	
	                        <br />
	                        
	                        <button data-i18n="add_a_new_account" id="addNewAccount" type="button"></button>
	                        
	                        <button data-lightbox="#xAuthLogin" data-i18n="add_a_new_account_with_password" type="button"></button>
	                        
	                        <br /><br />
	                        
	                        <div id="addNewAccountLoad" class="infoBarAccount">
	                        	<img src="img/load.gif" />
	                        	<span id="addNewAccountLoadStatus"></span>
	                        </div>
	                        
		                    <section id="xAuthLogin" class="xAuthLogin">
		                    	<header data-i18n="add_a_new_account"></header>
		                        <label block>
		                            <span data-i18n="username"></span>
		                            <input id="xAuthUsername" type="text" spellcheck="false" autofocus />
		                        </label>
		                        <label block>
		                            <span data-i18n="password"></span>
		                            <input id="xAuthPassword" type="password" />
		                        </label>
		                        <br />
	                        	<button data-i18n="add_a_new_account" id="xAddNewAccount" type="button"></button>
	                        	<span data-i18n="or"></span>
	                        	<a id="cancelLoginBox" data-i18n="cancel"></a>
		                    </section>
	                        
	                    </div>
	                </section> <!-- section:accounts -->
	
	                <section data-section-content="interface">						                
						<label block>
							<span class="alertIcon" data-i18n="popup_height"></span>
							<select data-cfg="interface.popupHeight">
								<option value="200px">200px</option>
								<option value="250px">250px</option>
								<option value="300px">300px</option>
								<option value="350px">350px</option>
								<option value="400px">400px</option>
								<option value="450px">450px</option>
							</select>
						</label>

	                    <label block>
	                        <span data-i18n="tweet_font_family"></span>
	                        <input data-cfg="interface.tweetFontFamily" type="search" spellcheck="false" />
	                    </label>

						<label block>
							<span data-i18n="tweet_font_size"></span>
							<select data-cfg="interface.tweetFontSize">
								<option value="5pt">5pt</option>
								<option value="6pt">6pt</option>
								<option value="7pt">7pt</option>
								<option value="8pt">8pt</option>
								<option value="9pt">9pt</option>
								<option value="10pt">10pt</option>
								<option value="11pt">11pt</option>
								<option value="12pt">12pt</option>
								<option value="13pt">13pt</option>
								<option value="14pt">14pt</option>
								<option value="15pt">15pt</option>
								<option value="16pt">16pt</option>
								<option value="17pt">17pt</option>
								<option value="18pt">18pt</option>
								<option value="19pt">19pt</option>
							</select>
						</label>
						
	                    <label block checkbox>
	                        <span data-i18n="phantom_replies"></span>
	                        <input data-cfg="interface.phantomReplies" type="checkbox" />
	                    </label>
	                    	                  
	                </section> <!-- section:interface -->	

	                <section data-section-content="alerts">
   	            
	                    <label block checkbox>
	                        <span class="alertIcon" data-i18n="desktop_alerts"></span>
	                        <input data-cfg="alerts.enabled" type="checkbox" />
	                    </label>

	                    <label block checkbox>
	                        <span data-i18n="alert_sound"></span>
	                        <input data-cfg="alerts.audio" type="checkbox" />
	                    </label>

			            <label block>
			            	<span data-i18n="max_tweets_per_alerts"></span>
				            <select data-cfg="alerts.max">	    
					            <option value="1">1</option>
					            <option value="3">3</option>
					            <option value="5">5</option>
					            <option value="10">10</option>
					            <option value="15">15</option>
					            <option value="20">20</option>
					            <option value="30">30</option>
					            <option value="40">40</option>
				            </select>
			            </label>
	                    
			            <label block>
			            	<span data-i18n="desktop_alert_timeout"></span>
				            <select data-cfg="alerts.timeout">	    
					            <option value="5" data-i18n="seconds:5"></option>
					            <option value="10" data-i18n="seconds:10"></option>
					            <option value="15" data-i18n="seconds:15"></option>
					            <option value="20" data-i18n="seconds:20"></option>
					            <option value="25" data-i18n="seconds:25"></option>
					            <option value="30" data-i18n="seconds:30"></option>
					            <option value="35" data-i18n="seconds:35"></option>
					            <option value="40" data-i18n="seconds:40"></option>
					            <option value="50" data-i18n="seconds:50"></option>
				            </select>
			            </label>
			            
			            <div class="label" block>
			            	<span data-i18n="individual_alerts"></span>
			            	<span>
					            <label checkbox class="mini">
			                        <span data-i18n="home"></span>
			                        <input data-cfg="alerts.individual.home" type="checkbox" />
			                    </label>
			                    
					            <label checkbox class="mini">
			                        <span data-i18n="mentions"></span>
			                        <input data-cfg="alerts.individual.mentions" type="checkbox" />
			                    </label>
			                    
					            <label checkbox class="mini">
			                        <span data-i18n="messages"></span>
			                        <input data-cfg="alerts.individual.messages" type="checkbox" />
			                    </label>

					            <label checkbox class="mini">
			                        <span data-i18n="lists"></span>
			                        <input data-cfg="alerts.individual.list" type="checkbox" />
			                    </label>
			                    
					            <label checkbox class="mini">
			                        <span data-i18n="search"></span>
			                        <input data-cfg="alerts.individual.search" type="checkbox" />
			                    </label>			                    			                    			                    									          		
			            	</span>
			            </div>
			            
			            <!-- 
			            <div class="label" block>
			            	<span data-i18n="individual_alerts_by_users"></span>
			            	<span>
					            <label checkbox class="mini">
			                        <span data-i18n="home"></span>
			                        <input data-cfg_="alerts.individual.home" type="checkbox" />
			                    </label>		                    			                    			                    									          		
			            	</span>
			            </div>			            
			             -->
			            	   
			                             	                    
	                </section> <!-- section:alerts -->
	                
	                <section data-section-content="other">						                
	                    <label block>
	                        <span data-i18n="base_api"></span>
	                        <input data-cfg="twitterBaseAPI" type="search" spellcheck="false" />
	                    </label>

	                    <label block>
	                        <span data-i18n="twitter_base"></span>
	                        <input data-cfg="twitterBase" type="search" spellcheck="false" />
	                    </label>
	                    
	                    <label block>
	                        <span data-i18n="twitter_search_api"></span>
	                        <input data-cfg="twitterSearchAPI" type="search" spellcheck="false" />
	                    </label>	                    

	                    <label block>
	                        <span data-i18n="remaining_api_requests"></span>
	                        <span>
	                        	<span data-apiInfo="remaining_hits"></span> 
	                        	/ 
	                        	<span data-apiInfo="hourly_limit"></span>
	                        </span>
	                    </label>

	                    <label block>
	                        <span data-i18n="requests_per_hour"></span>
	                        <span></span>
	                    </label>

	                    <label block>
	                        <span data-i18n="resets_on"></span>
	                        <span data-apiInfo="reset_on"></span>
	                    </label>
	                    
	                    <label block>
	                        <span data-i18n="request_timeout"></span>
	                        <input data-cfg="requestTimeout" type="number" />
	                    </label>
	                    	                  
	                </section> <!-- section:other -->
	                	                
	            </form>
            </div> <!-- .content -->

        </section> <!-- .sections -->

        <footer class="footer">
            <button id="submitButton" type="button" data-i18n="save"></button>
            <!--<button data-i18n="cancel" class="simple"></button>-->
        </footer>
        
    </section> <!-- .options -->      

</section> <!-- .Ch -->

</body>
</html>